<template>
	<view class="mzBox">
		<QHzujian></QHzujian>
		<TimeZuJian></TimeZuJian>
		<view class="cost" @click="costDetails">
			<view class="Infos">
				<view class="Infos1">
					心血管内科 赵明
				</view>
				<view class="Infos2">
					就诊人 蒋峰
				</view>
				<view class="Infos3">
					2020-06-15 11:05
				</view>
			</view>
			<text class="money">￥60.00</text>
		</view>

	</view>
</template>

<script setup>
	import QHzujian from '~@/components/feng/QHzujian/QHzujian.vue'
	import TimeZuJian from '~@/components/feng/Timecomponent/Timecomponent.vue'
	import {
		ref,
		reactive,
		toRef
	} from 'vue'

	//去费用详情
	const costDetails = () => {
		uni.navigateTo({
			url: '/components/feng/FYtDetails/FYtDetails'
		})
	}
</script>

<style lang="scss">
	//门诊费用
	.cost {

		height: 150rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #f2f2f2;

		.Infos {
			margin-left: 20rpx;


			.Infos1 {}

			.Infos2 {
				color: #afb5bd;
				font-size: 20rpx;
				margin: 10rpx 0;
			}

			.Infos3 {
				color: #afb5bd;
				font-size: 20rpx;
			}
		}

		.money {
			color: #f46363;
			margin-right: 20rpx;
			font-size: 30rpx;
		}
	}



	.mzBox {
		margin: 0 36rpx;
		margin-top: 50rpx;
	}
</style>
